<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../../../css/swiper.min.css"/>
    <link rel="stylesheet" type="text/css" href="./css/shop_add_detail.css">
    <title>编辑商品详情</title>
</head>

<body>
  <div class='vue-content'>
  	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back" @click="back" class="header-btn left-btn backtrack"></span>
          	<span class="title">编辑商品详情</span>
          	<span id="done" @click="shopAdd">完成</span>
      	</div>
  	</div>
   	<div class="container top-container">
   		<div class="shop_add_detail_edit" id="shop_add_detail_edit" ref='shopGoodsContent'>
        <div class="content" v-for="(item, index) in temList" >

          <div class='text_class' v-if="item == '-1'">
            <textarea class='inp_class' v-model='allArr[index]' placeholder='输入商品描述...'></textarea>
            <!-- <input class='inp_class' type="text" name="" value="" v-model='allArr[index]' placeholder='输入商品描述...'/> -->
            <div class="button_block">
              <span class='ins_el' @click='ins_el' :data-index='index'><img src='../../../image/shop/ins_el.png'/>插入</span>
              <span class='down_el' @click='down_el' :data-index='index' v-if="index != temList.length-1"><img src='../../../image/shop/up_el.png'/>下移</span>
              <span class='up_el' @click='up_el' :data-index='index' v-if="index!=0"><img src='../../../image/shop/up_el.png'/>上移</span>
              <span class='del_el' @click='del_el' :data-index='index'><img src='../../../image/shop/del_el.png' />删除</span>
            </div>
          </div>

          <div class='img_class' v-if="item != '-1'">
            <!-- <img :src='imgarr[item]' />  -->
            <span v-html="imgarr[item]"></span>
            <div class="button_block">
              <span class='ins_el' @click='ins_el' :data-index='index'><img src='../../../image/shop/ins_el.png'/>插入</span>
              <span class='down_el' @click='down_el' :data-index='index' v-if="index != temList.length-1"><img src='../../../image/shop/up_el.png'/>下移</span>
              <span class='up_el' @click='up_el' :data-index='index' v-if="index!=0"><img src='../../../image/shop/up_el.png'/>上移</span>
              <span class='del_el' @click='del_el' :data-index='index'><img src='../../../image/shop/del_el.png' />删除</span>
            </div>
          </div>

        </div>

        <div class='add_button' @click="show_edit">+添加内容</div>
   		</div>

   		<!-- <div id="shop_add_detail_tip">请输入商品详情</div> -->
   		<div class="shop_add_detail_tool" @click="disappear">
      <div class="give">
        <a href="javascript: void(0);" class='giveTextFrame' @click="giveTextFrame"><img src="../../../image/shop/list-08.png"/><p>文字</p></a>
        <a href="javascript: void(0);" class='givePicture' @click="givePicture">
          <img src="../../../image/shop/list-07.png"/><p>图片</p>
          <!-- <input ref="detailImg" type="file" accept="image/png,image/jpeg,image/gif" name="" id="" value="" /> -->
        </a>
      </div>
   		</div>

      <div class="firstPage">
        <div @click="next"><img src="../../../image/shop/shop_add_detail.png" alt=""></div>
        <div class="intro">添加丰富的内容介绍你的商品</div>
      </div>

   	</div>
  </div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/shopAddDetail.js"></script>
</html>
